<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS</title>
    <style>
        /* 
        所以我希望，有一种选择器，可以自动的选择第一个元素！！！
        */
        /* 
        【伪类选择器】
        伪类就是不存在的类，他专门用来描述特殊的状态
        例如：第一个子元素、被点击的元素、鼠标移入的元素...
        [使用]
        (1):first-child 第一个元素
        */
        ul>li:first-child {
            /*
             :first-child其实是给li加了限制条件：
            不仅仅选中ul中的所有li！
            并且li必须是first-child！
            */
            color: red;
        }
    </style>
</head>

<body>
    <ul>
        <li>第零个</li>
        <li>第一个</li>
        <li>第二个</li>
        <li>第三个</li>
        <li>第四个</li>
        <li>第五个</li>
    </ul>
</body>

</html>